$line: #cac8c8;
$black: #3e3e3e;
$gray: #7c7b7b;

body {
	padding-bottom: 60px;
	color: $black;
	font-size: 13px;
  background: #efeff4;
}
.common-header {
	border-bottom: 1px solid $line;

	.right {
		line-height: 45px;

		select {
			border: 0;
		}
	}
}
.banner {
	background: #fff;

	.banner-hd {
		position: relative;
	}
	.finished {
		position: absolute;
		width: 65px;
		height: auto;
		right: 10px;
		top: 12px;
		z-index: 9;
	}
	img {
		width: 100%;
		height: auto;
	}
	.banner-content {
		position: absolute;
		padding: 4px 15px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		border-bottom: 1px solid #cac8c8;
		bottom: 3px;
		width: 100%;
		background: rgba(255, 255, 255, 0.8);

		.pull-left {
			font-size: 12px;

			.iconfont {
				font-size: 12px;
			}
		}
		.pull-right {
			font-size: 12px;
		}
		div.left {
			flex: 1;

			p {
				font-size: 14px;
				line-height: 20px;
			}
			.info {
				font-size: 12px;
			}
			span {
				color: $gray;
				line-height: 22px;
			}
		}
		button.right {
			color: #fff;
			margin-left: 5px;
			border-radius: 5px;
			background: #e80f56;
			padding: 7px;
		}
	}
	.banner-foot {
		padding: 15px;
		overflow: hidden;
		border-bottom: 1px solid $line;

		button {
			padding: 4px 10px;
			border-radius: 4px;
			color: #fff;
			margin-left: 10px;
		}
		.blue-btn {
			background: #3597ff;
		}
		.orange-btn {
			background: #ff9c00;
		}
		.gary-btn {
			background: #c9c8c8;
		}
	}
	.block {
		height: 15px;
		background: #efeff4;
	}
}
.common-tab .tab-title {
	padding: 0;
	overflow: hidden;
}
.scroll-tabs .tab-title {
	border-bottom: 2px solid #e2e2e2;
  padding: 7px 12px 0px 12px;

	a:first-child {
		margin-right: 2px;
	}
	a {
      width: 24%;
      float: none;
      display: inline-block;
      height: 32px;
      line-height: 32px;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
	}

}